<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <script>
    // Promise的静态方法 
    // Promise.all([promise1, promise2, ... ]).then(... )
    //  参数是个数组，数组的每一项是promise对象，可以有若干个
    // 会等待所有的异步操作都完成，才会走.then

    // Promise.race([promise1, promise2, ... ]).then(... )
    // 只要任何一个异步操作完成，就会走.then

    function fn(txt, time) {
      return new Promise((resolve, reject) => {
        setTimeout(function () {
          resolve(txt)
        }, time)
      })
    }

    // 等页面3个部分全都加载完毕，再统一渲染
    Promise.all([fn('头部',2000),fn('幻灯片',1000),fn('底部',4000)]).then((res)=>{
      console.log(res);
    })
    // // 比赛页面的那个部分先加载完毕 跑得快
    // Promise.race([fn('头部',2000),fn('幻灯片',1000),fn('底部',4000)]).then((res)=>{
    //   console.log(res);
    // })


  </script>
</body>

</html>